import React from 'react'
import { NativeProps } from '../../utils/native-props'

export type TimelineProps = {
  /** 模式(改变时间轴和内容的相对位置). default: `left`. */
  mode?: 'left' | 'alternate' | 'right';
  /** 指定最后一个幽灵节点 default: `null` */
  pending?: React.ReactNode;
  /** 当最后一个幽灵节点存在時，指定其时间图点. default: `<RiLoaderLine />` */
  pendingDot?: React.ReactNode;
  /** 是否反转节点. default: `false` */
  reverse?: boolean;
  /** children */
  children?: React.ReactNode;
} & NativeProps

export type TimelineItemPosition = 'left' | 'right';

export type TimelineItemProps = {
  /** 指定圆圈颜色或自定义图标颜色. default: `blue` */
  color?: 'blue' | 'red' | 'green' | 'gray' | string;
  /** 自定义时间轴点. default: - */
  dot?: React.ReactNode;
  /** 是否是最后一个幽灵节点. default: `false`. 内部使用,使用者忽略此属性!!! */
  pending?: boolean;
  /** mode === `alternate` 时, 自定义时间轴和内容的相对位置. default: - */
  position?: 'left' | 'right';
  /** 标签内容. default: - */
  label?: React.ReactNode;
  /** children */
  children?: React.ReactNode;
} & NativeProps
